#home{
    padding: 0 49px;
    .header{
        height: 70px;
        line-height: 70px;
        color: rgb(102,212,204);
        font-size: 34px;
        font-weight: 600;
        margin-bottom: 26px;
    }
    .search{
        font-size: 29px;
        background: rgb(241,241,241);
        border-radius: 8px;
        height: 63px;
        line-height: 63px;
        display: flex;
        align-items: center;
        padding-left: 15px;
        margin-bottom: 31px;
        .weui-input{
            width: 600px;
            height: 63px;
        }
    }
    .myCourse{
        margin-bottom: 23px;
        height: 387px;
        .hydrated{
            height: 387px;
        }
        img{
            height: 387px;
            border: 3px solid rgb(231,235,239);
        }
    }
    .list{
        >.hydrated:first-of-type{
            display: flex;
            justify-content: space-between;
            font-size: 29px;
            color: rgb(51,51,51);
            margin-bottom: 34px;
        }
        >.hydrated:last-of-type{
            display: flex;
            justify-content: space-between;
            margin-bottom: 41px;
            >.hydrated{
                width: 142px;
                height: 94px;
                border-radius: 12px;
                line-height: 94px;
                text-align: center;
                color: #fff;
                font-size: 25px;
            }
            >.hydrated:nth-of-type(1){
                background: rgb(252,157,154);
            }
            >.hydrated:nth-of-type(2){
                background: rgb(249,205,173);
            }
            >.hydrated:nth-of-type(3){
                background: rgb(200,200,169);
            }
            >.hydrated:nth-of-type(4){
                background: rgb(131,175,155);
            }
        }
    }
    .courseList{
        .img{
            height: 387px;
            >img{
                height: 387px;
                border: 3px solid rgb(231,235,239);
            }
        }
        >.con{
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            height: 128px;
            >.title{
                font-size: 29px;
                color: rgb(39,39,39);
                margin-bottom: 16px;
            }
            >.type{
                font-size: 22px;
                color: rgb(192,192,192);
            }
        }
    }
}